import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { Button, NavBar, Tabbar, TabbarItem, Cell, CellGroup, Field, Form, Image as VanImage, List, PullRefresh, Search, Tag, Card, Divider, Popup, DatetimePicker, Uploader, ActionSheet, Dialog, Toast, Loading } from 'vant'
import 'vant/lib/index.css'
import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(createPinia())
app.use(router)

// 注册Vant组件
app.use(Button)
app.use(NavBar)
app.use(Tabbar)
app.use(TabbarItem)
app.use(Cell)
app.use(CellGroup)
app.use(Field)
app.use(Form)
app.use(VanImage)
app.use(List)
app.use(PullRefresh)
app.use(Search)
app.use(Tag)
app.use(Card)
app.use(Divider)
app.use(Popup)
app.use(DatetimePicker)
app.use(Uploader)
app.use(ActionSheet)
app.use(Dialog)
app.use(Toast)
app.use(Loading)

app.mount('#app')